<template>
    <div>
        <div class="footer">
            <div class="footerLogo">
                <img src="../../public/imgs/logo-footer.png" alt="">
            </div>
            <div class="miStore">小米商城</div>
            <div class="serve">
                <ul class="footerList">
                    <li>小米商城</li>
                    <li>MIUI</li>
                    <li>米家</li>
                    <li>米聊</li>
                    <li>多看</li>
                    <li>游戏</li>
                    <li>小米天猫店</li>
                </ul>
            </div>
            <div class="address">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</div>
        </div>
    </div>
</template>
<script>
export default {
  name: 'NavFooter',
  data:{

  }
}
</script>
<style>
.footer{
    background: rgb(51, 51, 51);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgb(133, 133, 133);
}
.footerLogo{
    margin-top: 40px;
}
.footerLogo img{
    width:60px;
}
.miStore{
    margin-top:10px;
}
.footerList{
    list-style: none;
    display: flex;
}
.footerList li{
    line-height: 1px;
    padding: 10px 10px;
    border-right: 1px solid gray;
}
.serve{
    margin-top: 15px;
    font-size: 16px;
}
.address{
    margin:10px 0;
}
</style>